<template>
  <div class="room frame_content ">
    <h4 style="margin-left: 20px">编辑客服</h4>
    <table class="common">
      <tbody>
        <tr>
          <td class="tableleft">客服QQ</td>
          <td>
            <input type="text" class="qqKf" name="QQ" value="1000" />
          </td>
          <td class="tableleft">客服微信</td>
          <td>
            <input type="text" class="wxKf" name="WeiXin" value="1000" />
          </td>
        </tr>
        <tr>
          <td colspan="8">
            <a href="javascript:void(0);" class="btn btn-primary btm saveKfBtn"
              >保存</a
            >
          </td>
        </tr>
      </tbody>
    </table>
    <h4 style="margin-left: 20px">在线人数设置</h4>
    <table class="common">
      <tbody>
        <tr>
          <td class="tableleft" style="width: 15%">添加人数</td>
          <td colspan="5">
            <input
              type="text"
              id="roomUserCount"
              onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
              value="0"
            />
            （最多设置100人）
          </td>
        </tr>
        <tr>
          <td colspan="8">
            <a
              href="javascript:void(0);"
              class="btn btn-primary btm saveUserCountBtn"
              >设置</a
            >
          </td>
        </tr>
      </tbody>
    </table>
    <h4 style="margin-left: 20px">房间设置</h4>
    <table class="common">
      <tbody>
        <tr>
          <td class="tableleft">选择房间：</td>
          <td>
            <div class="three gameRadio">
              <label>
                <input type="radio" name="series" value="5" checked="checked" />
                重庆时时彩
              </label>
              <label>
                <input type="radio" name="series" value="9" />
                PK拾
              </label>
              <label>
                <input type="radio" name="series" value="38" />
                极速赛车
              </label>
              <label>
                <input type="radio" name="series" value="68" />
                澳洲5
              </label>
              <label>
                <input type="radio" name="series" value="77" />
                澳洲10
              </label>
              <label>
                <input type="radio" name="series" value="78" />
                幸运飞艇
              </label>
            </div>
          </td>
        </tr>
        <tr>
          <td width="10%" class="tableleft">房间名称</td>
          <td>
            <input
              type="text"
              name="house_name"
              id="house_name"
              value="大唐娱乐"
            />
          </td>
        </tr>
        <tr>
          <td class="tableleft">房间名称</td>
          <td>
            <input
              type="text"
              id="roomNum"
              onkeyup="this.value=this.value.replace(/\D/g,'')"
              maxlength="6"
              autocomplete="off"
              value="150391"
            />
            <span>房间号是进入房间的唯一途径</span>
          </td>
        </tr>
        <tr>
          <td class="tableleft">房间状态</td>
          <td>
            <input type="radio" name="is_open" value="1" class="roomSta" />
            启用
            <input type="radio" name="is_open" value="0" class="roomSta" />
            关闭
          </td>
        </tr>
        <tr>
          <td class="tableleft">进入房间最低金额</td>
          <td>
            <input
              type="text"
              id="minin"
              onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
              value="1"
            />
            <span>账户金额低于设置值无法进入房间</span>
          </td>
        </tr>
        <tr>
          <td class="tableleft" id="jisu">50秒后能否撤销</td>
          <td>
            <input type="radio" name="che" value="1" class="revoke" />
            能
            <input type="radio" name="che" value="0" class="revoke" />
            否
          </td>
        </tr>
        <tr>
          <td class="tableleft" id="jisu">回水是否通知</td>
          <td>
            <input type="radio" name="back" value="1" class="rewardNot" />
            能
            <input type="radio" name="back" value="0" class="rewardNot" />
            否
          </td>
        </tr>
        <tr>
          <td class="tableleft">查返回信息</td>
          <td>
            <input type="checkbox" id="ji" />
            积分
            <input type="checkbox" id="win" />
            输赢
            <input type="checkbox" id="liu" />
            流水
            <input type="checkbox" id="tou" />
            投注
            <input type="checkbox" id="yong" />
            使用
          </td>
        </tr>
        <tr>
          <td class="tableleft">账单显示最低金额</td>
          <td>
            <input
              type="text"
              id="minmoney"
              onkeyup="this.value=this.value.replace(/\D/g,'')"
              value="1"
            />
            <span>账户金额低于设置值积分账单不显示</span>
          </td>
        </tr>
        <tr>
          <td class="tableleft" id="jisu">回水状态</td>
          <td>
            <input
              type="radio"
              name="rewardType"
              value="0"
              class="rTypeRadio"
            />
            不回
            <input
              type="radio"
              name="rewardType"
              value="0"
              class="rTypeRadio"
            />
            自动回水
          </td>
        </tr>
        <tr>
          <td class="tableleft" id="jisu">自动反水模式</td>
          <td>
            <input
              type="radio"
              name="rewardSelf"
              value="1"
              class="rSelfRadio"
            />
            流水模式
            <input
              type="radio"
              name="rewardSelf"
              value="0"
              class="rSelfRadio"
            />
            输赢模式
          </td>
        </tr>
        <tr>
          <td class="tableleft" id="jisu">账单</td>
          <td>
            <input type="radio" name="zhangdan" value="1" class="zdRadio" />
            单排
            <input type="radio" name="zhangdan" value="0" class="zdRadio" />
            双排
          </td>
        </tr>
        <tr class="long">
          <td class="tableleft">开和</td>
          <td>
            <input type="radio" name="long" value="1" class="kaihe" />
            返还本金
            <input type="radio" name="long" value="0" class="kaihe" />
            通杀龙虎
          </td>
        </tr>
        <tr>
          <td class="tableleft">房间代理账号</td>
          <td>
            <input type="text" id="username" readonly="readonly" />
            <span>为空则不绑定</span>
          </td>
        </tr>
        <tr>
          <td class="tableleft">房间代理密码</td>
          <td>
            <input type="text" id="agentpwd" />
            <span>输入则修改</span>
          </td>
        </tr>
        <tr>
          <td class="tableleft"></td>
          <td>
            <a href="javascript:void(0);" class="btn btn-primary">保存</a>
          </td>
        </tr>
      </tbody>
    </table>
    <h4 style="margin-left: 20px">上分账户</h4>
    <table class="common cent" style="margin-bottom: 40px">
      <thead>
        <tr>
          <th>帐号类型</th>
          <th>收款帐号</th>
          <th>二维码</th>
          <th>管理操作</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>微信</td>
          <td class="wxAcc"></td>
          <td>
            <img style="width:20px;height:20px" class="wxImg" />
          </td>
          <td>
            <a href="javascript:void(0);" class="accEdit">修改</a>
          </td>
        </tr>
        <tr>
          <td>支付宝</td>
          <td class="zfbAcc"></td>
          <td>
            <img style="width:20px;height:20px" class="zfbImg" />
          </td>
          <td>
            <a href="javascript:void(0);" class="accEdit" btntype="zfb">修改</a>
          </td>
        </tr>
      </tbody>
    </table>
    <div id="mask" class="mask" style="display: none;">
      <div class="mask1">
        <span class="closeBtn">X</span>
        <div class="content" id="content">
          <table paytype="1">
            <tbody>
              <tr>
                <td>帐号类型</td>
                <td>
                  <input
                    type="text"
                    name="AccountType"
                    value="支付宝"
                    disabled="disabled"
                  />
                </td>
              </tr>
              <tr>
                <td>收款帐号</td>
                <td>
                  <input type="text" name="Account" class="accInput" />
                </td>
              </tr>
              <tr>
                <td>收款图片</td>
                <td>
                  <input type="file" name="photo" class="fileImg" />
                  <input type="hidden" id="front" name="front" />
                  <img style="width:20px;height:20px" />
                </td>
              </tr>
              <tr>
                <td colspan="2">
                  <a href="JavaScript:void(0);" class="btn btn-info btm"></a>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.room {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-bottom: 40px;
}
.room h4 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
  font-size: 17.5px;
}
.btm {
  width: 120px;
}
.room table tbody tr:nth-child(even) {
  background: #f2f2f2;
}
.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
}
.room a {
  text-decoration: none;
}
.common thead:first-child tr:first-child th {
  border-top: 0;
}
table.cent th,
table.cent td {
  text-align: center;
}
.common th {
  background-color: #eaeaea;
  font-weight: bold;
}
</style>
